<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>date</title>
    <script type="text/javascript">
    function run () {
        var date1 = new Date('2016/10/1');
        // alert(date1.getMonth());

        var date2 = new Date();//返回当时的时间
        var guoqingtime = Math.ceil(date1.getTime()/1000);
        var currenttime = Math.ceil(date2.getTime()/1000);
        //(date1.getTime()是返回距1970年1月1日之间的毫秒数
        //(date2.getTime()是返回距1970年1月1日之间的毫秒数

        var difftime = guoqingtime-currenttime;

        var xbsdate = Math.floor(difftime/86400);
        var xbshour = Math.floor((difftime%86400)/3600);
        var xbsfeng = Math.floor(((difftime%86400)%3600)/60);
        var xbsmiao = Math.floor(((difftime%86400)%3600)%60);
        //Math.floor是向下舍入
        // document.write();
        box = document.getElementById('box');
        //返回对拥有指定 id 的第一个对象的引用。
        box.innerHTML = xbsdate+'天'+xbshour+'小时'+xbsfeng+'分钟'+xbsmiao+'秒';
    }
    //.innerHTML用来设置或获取对象起始和结束标签内的内容(识别html标签) 

    setInterval(run,1000);
    //定时器的一种方法，每1000毫秒调用一次run的函数

    </script>
</head>
<body>
    <p id="box"></p>
</body>
</html>